<template>
 <div class="content">
    <div class="check"><span>订单详情</span></div>
    <div class="body">
    
    
    </div>
 </div>
</template>

<script setup lang="ts">


</script>

<style scoped lang="less">
.content{
      position:absolute;
      width: 150vh;
      height: 82vh;
      
      margin: 10px 0 0 0;
      right:4px;
      display: flex;
      flex-direction: column;
      .check{
         flex: 1;
         background-color: white;
         margin-bottom: 1rem;
         border-radius: 1rem;
         display: flex;
         align-items: center;
         justify-content: flex-start;
         span{
          margin-left: 1rem;
          font-size: 1.2rem;
         }
         
      }
      .body{
        flex: 6;
        background-color: red;
      }
}
</style>